﻿<script type="text/javascript" src="@Url.Content("~/Scripts/highcharts.js")"></script>
<!-- 1a) Optional: add a theme file --><!--
            <script type="text/javascript" src="../js/themes/gray.js"></script>
        --><!-- 1b) Optional: the exporting module -->
<script type="text/javascript" src="@Url.Content("~/Scripts/grid.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/exporting.js")"></script>
<!-- 2. Add the JavaScript to initialize the chart on document ready -->
<script type="text/javascript">

    var chart;
    $(document).ready(function () {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                defaultSeriesType: 'column'
            },
            title: {
                text: '月平均入库'
            },
//            subtitle: {
//                text: 'Source: WorldClimate.com'
//            },
            xAxis: {
                categories: [
                            '一月',
                            '二月',
                            '三月',
                            '四月',
                            '五月',
                            '六月',
                            '七月',
                            '八月',
                            '九月',
                            '十月',
                            '十一月',
                            '十二月'
                        ]
            },
            yAxis: {
                min: 0,
                title: {
                    text: ' 平均数(件)'
                }
            },
            legend: {
                layout: 'vertical',
                backgroundColor: Highcharts.theme.legendBackgroundColor || '#FFFFFF',
                align: 'left',
                verticalAlign: 'top',
                x: 100,
                y: 70,
                floating: true,
                shadow: true
            },
            tooltip: {
                formatter: function () {
                    return '' +
                                this.x + ': ' + this.y + ' 件';
                }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series: [{
                name: '零部件',
                data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

            }, {
                name: '半成品',
                data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]

            }, {
                name: '成品',
                data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]

            }]
        });


    });
</script>
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>